<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="/djzx/images/tit.ico">
<title>登录页面</title>
<style>
* {
	margin: 0;
	padding: 0;
}

.login {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.login img {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

.loginBox {
	width: 680px;
	height: 320px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -340px;
	margin-top: -160px;
	z-index: 999;
}

.loginBox:after {
	clear: both;
	height: 0;
	content: "";
	display: block;
}

.left {
	width: 299px;
	float: left;
	height: 320px;
}

.logo {
	width: 164px;
	height: 140px;
	margin: 0 auto;
	margin-top: 90px;
}

.sep {
	width: 1px;
	height: 320px;
	float: left;
}

.sep img {
	display: block;
	height: 100%;
}

.right {
	float: right;
	width: 360px;
}

.loginTitle {
	background: url(/djzx/images/key.png) no-repeat;
	padding-left: 20px;
	width: 300px;
	height: 30px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	font-family: "宋体";
}

.inputBox {
	position: relative;
	left: 20px;
}

.iB {
	margin-top: 15px;
}

.iB label {
	color: #5c7fb1;
	font-size: 12px;
	font-weight: 700;
}

.iB input {
	border: 1px solid #6a8cb9;
	width: 120px;
	padding: 3px 5px;
}

.iB button {
	width: 60px;
	height: 20px;
	background: #cee8f5;
	border: 1px solid #b8d8ed;
	letter-spacing: 5px;
}

.suo {
	background: url(/djzx/images/suo.png) no-repeat;
	position: absolute;
	right: 80px;
	top: -25px;
	width: 76px;
	height: 96px;
	z-index: 99;
}

.tips {
	margin-top: 60px;
	font-size: 12px;
	margin-left: 20px;
	color: #666;
}

.tips div {
	height: 75px;
	line-height: 25px;
	width: 40px;
}

.tips p {
	height: 25px;
	line-height: 25px;
}
</style>
<script type="text/javascript" src="/djzx/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
if (window != top){
	top.location.href = location.href; 
}
window.onload=function(){
	var flag = $('#flag').val();
	if(flag =="loginNO"){
		alert("用户名或密码不正确");
	}
}
function checkForm(){
	var name = $.trim($('#name').val());
	var pwd = $.trim($('#pwd').val());
	if(name==""){
		alert("用户名不能为空");
		return false;
	}
	if(pwd==""){
		alert("密码不能为空");
		return false;
	}
	return true;
}
</script>
</head>
<body>
	<div class="login">
		<img src="/djzx/images/login.png" />
		<!-- <img src="/djzx/images/login4.png" /> -->
	</div>
	<div class="loginBox">
		<div class="left">
			<div class="logo">
				<img src="/djzx/images/man.png" width="164" height="140" />
			</div>
		</div>
		<div class="sep">
			<img src="/djzx/images/sepe.png" />
		</div>
		<div class="right">
			<div class="loginTitle">登录</div>
			<form method="post" action="/djzx/UserAction!login.action" onsubmit="return checkForm()">
				<div class="inputBox">
					<div class="iB">
					<input type="hidden" id="flag" value="${flag}"/>
						<label>用户名 </label> <input type="text" name="username" id="name"/>
					</div>
					<div class="iB">
						<label>密&nbsp;&nbsp;码 </label> <input type="password" name="password" id="pwd"/>
					</div>
					<div class="suo"></div>
				</div>
				<div class="inputBox" style="margin-top: 20px;">
					<div class="iB">
						<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label>
						<button type="submit">登录</button>
					</div>
				</div>
			</form>
			<div class="tips">
				<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td><div>注意：</div></td>
						<td><p>1、不要在公共场合保存登录信息</p>
							<p>2、尽量避免多人使用同一账号</p>
							<p>3、为了保证您的账号安全，退出系统时请注销登录</p></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</body>
</html>
